<template>
    <fieldset>
        <legend>axios的使用</legend>
        <button @click="get">点击发送get请求</button>
        <button @click="post">点击发送post请求</button>
    </fieldset>
</template>
<script>

//引入axios
import axios from "axios"

export default{

//axios 发送请求
    methods:{
        get(){
            //发送第一种方式 
            // axios.get('/api/data/index.json',{
            //     params: { //给get请求传递参数
            //         name:"酒剑仙"
            //     }
            // })
            // .then(res=>{
            //     console.log(res);
            // })

            //2 使用config模式

            // axios({
            //     url:'/api/data/index.json',
            //     method: 'get',  //请求方式
            //     params: {
            //         name:'厉害'
            //     }  
            // })
            // .then(res=>{
            //         console.log(res);
            //     })
        },
        post(){

            //第一种方式
            // 第一个参数是请求地址  第二个是请求体 第三个是 配置项
            // axios.post('/api/users/login',{
            //     username:'lbw',
            //     password:'555'
            // },{
            //     headers:{
            //         "Content-Type":"application/json"
            //     }
            // }
            // )
            // .then(res=>{
            //     console.log(res);
            // })


            //2 config，模式
            axios({
                url:'/api/users/login',
                //post请求放在data中
                data:{
                    username:'lbw',
                    password:'555'
                },
                //get 请求放在params中
                headers:{
                    "Content-Type":"application/json"
                },
                method:'post'
            })
            .then(res=>{
                console.log(res);
            })
        }
    }
}
</script>